<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>电影订单</title>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/rerset.css">
    <link rel="stylesheet" href="../css/font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/order.css">
</head>

<body class="body">
    <header>
        <!-- 电影订单 -->
        <div class="city flex jc-sb bg-fff bd-gray ">
            <a href="./personal.html" class="icon iconfont ml-10 f24">&#xe64b;</a>
            <p class="f16">电影订单</p>
            <span style="visibility:hidden;" class="icon iconfont ml-10">&#xe64b;</span>
        </div>
    </header>

    <!-- 订单列表 -->
    <a href="./orderDetail.html" class="bg-fff h189">
        <div href="./orderDetail.html" class="flex bg-fff list ml-15 ">
            <div class="image flex fcc">
                <img src="../img/orderList1.jpg" height="28px;">
            </div>
            <div class="w100pc lh15 ml-15 ">
                <p class="f15">海市蜃楼</p>
                <p class="f12 gray">星期二 2019-04-02 22:10</p>
                <div class="flex jc-sb fcc">
                    <p class="orange f15  mt-5">&yen;25 <s class="f12 gray">&yen;25</s></p>
                    <p class="f12 gray">X1</p>
                </div>
            </div>
        </div>
        <div class="flex jc-sb f14 common ">
            <p class="fg1 mr-15" style="text-align:right;">共1件商品</p>
            <p class="mr-15">实付 <span class="orange">&yen; 25</span></p>
        </div>
        <div class="flex jc-sb fcc mt-10">
            <p class="f12 gray ml-15">订单取消</p>
            <p class="buttom f14 mr-15">再次购买</p>
        </div>
    </a>

    <!-- 订单列表 -->
    <a href="./orderDetail.html" class="bg-fff h189 mt-10">
        <div class="flex bg-fff list ml-15 ">
            <div class="image flex fcc">
                <img src="../img/alt.jpg" height="28px;">
            </div>
            <div class="w100pc lh15 ml-15 ">
                <p class="f15">阿丽塔：战斗天使</p>
                <p class="f12 gray">星期二 2019-04-02 22:10</p>
                <div class="flex jc-sb fcc">
                    <p class="orange f15  mt-5">&yen;48 <s class="f12 gray">&yen;80</s></p>
                    <p class="f12 gray">X2</p>
                </div>
            </div>
        </div>
        <div class="flex jc-sb f14 common ">
            <p class="fg1 mr-15" style="text-align:right;">共1件商品</p>
            <p class="mr-15">实付 <span class="orange">&yen; 96</span></p>
        </div>
        <div class="flex jc-sb fcc mt-10">
            <p class="f12 gray ml-15">订单取消</p>
            <p class="buttom f14 mr-15">再次购买</p>
        </div>
    </a>
</body>

</html>